<template>
  <div>
    <div class="right_title">
      <p>{{ title }}</p>
    </div>
  </div>
</template>
<script setup lang='ts'>
import { defineProps } from 'vue'

const props = defineProps<{
  title: string
}>()
</script>


<style lang='scss'>
.right_title {
  height: 40px;
  width: 100%;
  color: #fff;
  padding-left: 10px;
  line-height: 40px;
  background: url('/src/assets/images/titlebg.png') no-repeat;
  background-size: 100% 100%;
  transform: rotateY(180deg);
}
.right_title p {
  transform: rotateY(180deg);
  padding-left: 23px;
}
</style>
